//
//  TYCEmticonCell.swift
//  TheEmoticon
//
//  Created by tangyunchuan on 2018/8/10.
//  Copyright © 2018年 tangyunchuan. All rights reserved.
//

import UIKit

/// 表情cell的协议
@objc protocol TYCEmticonCellDelegate: NSObjectProtocol {
    
    /// 表情cell 选中表情模型
    ///
    /// - Parameter em: 表情模型/nil表示删除
    @objc optional func emticonCellDidSelectedEmoticon(cell: TYCEmticonCell, em: TYCEmoticon?)
}


/// 表情的页面 cell
/// 每一个 cell 就是和 collectionView 一样大小
/// 每一个 cell 中用九宫格的算法，自行添加20个表情
/// 最后一个位置放置删除按钮
class TYCEmticonCell: UICollectionViewCell {
    
    
    /// 代理
    weak var delegate: TYCEmticonCellDelegate?
    /// 当前页面的表情模型数组，‘最多’20个
    var emoticons: [TYCEmoticon]? {
        didSet{
//            print("表情包的数量 \(emoticons?.count)")
            //1.隐藏所有的按钮
            for v in contentView.subviews {
                v.isHidden = true
            }
            //显示删除按钮
            contentView.subviews.last?.isHidden = false;
            //2.遍历表情模型数据，设置按钮图像
            for (i, em) in (emoticons ?? []).enumerated() {
                //1> 去除按钮
                if let btn = contentView.subviews[i] as? UIButton {
                    btn.setImage(em.image, for: .normal)
                    btn.setTitle(em.emoji, for: .normal)
                    btn.isHidden = false
                }
            }
        }
    }

    /// 表情选择提示视图
    private lazy var tipView = TYCEmoticonTipView()
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setUpUI()
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    /// 当时图从界面上删除， 同样会调用此方法 newWindow = nil
    override func willMove(toWindow newWindow: UIWindow?) {
        super.willMove(toWindow: newWindow)
        guard let w = newWindow else {
            return
        }
        //提示：在iOS6.0之前，很多人都喜欢把控件往窗口添加
        // 现在开发，如果有地方，就不要用窗口
        w.addSubview(tipView)
    }
    
    /// 选中表情按钮
    ///
    /// - Parameter button: <#button description#>
    @objc private func selectedEmoticonButton(button: UIButton) {
        //1.取tag 0-20，20对应的是删除按钮
        let tag = button.tag
        //2.根据tag，判断是否是删除按钮，如果不是删除按钮，取得表情
        var em: TYCEmoticon?
        
        if tag < (emoticons?.count)! {
            em = emoticons?[tag]
        }
        //3.em要么是选中中的按钮，如果为nil，对应的是删除按钮
        delegate?.emticonCellDidSelectedEmoticon?(cell: self, em: em)
    }
    
    /// 长安手势识别 - 是一个非常重要的手势
    /// 可以保证一个对象监听两种点击手势
    @objc private func longGesture(gesture: UILongPressGestureRecognizer) {
        //1> 获取触摸位置
        let location = gesture.location(in: self)
        //2> 获取触摸位置对应的按钮
        guard let button = buttonWithLocation(location: location) else {
            tipView.isHidden = true
            return
        }
        //3> 处理手势状态
        //在处理手势的细节的时候，不要试图一下把所有状态都处理完毕
        switch gesture.state {
        case .began, .changed:
            tipView.isHidden = false
            //坐标系的转换 -> 将按钮参照 cell 坐标系转换到Window的坐标位置
            let center = self.convert(button.center, to: window)
            
            //设置提示视图的位置
            tipView.center = center
            //设置提示视图的表情模型
            if button.tag < (emoticons?.count)! {
                tipView.emoticon = emoticons?[button.tag]
            }
        case .ended :
            tipView.isHidden = true
            //执行选中按钮的函数
            selectedEmoticonButton(button: button)
        case .cancelled:
            tipView.isHidden = true
        default:
            break
        }
    }
    
    func buttonWithLocation(location: CGPoint) -> UIButton? {
        // 遍历 contentView 所有的自视图，如果课件，同事在location 确认是按钮
        for btn in contentView.subviews as! [UIButton] {
            //删除按钮同样需要处理
            if btn.frame.contains(location) && !btn.isHidden && btn != contentView.subviews.last {
                return btn
            }
        }
        return nil
    }
    
    override func awakeFromNib() {
        setUpUI()
    }
}

// MARK: - 设置界面
extension TYCEmticonCell {
    
    /// 从 XIB 加载，bounds 是 Xib 中定义的大小
    // 纯代码布局， bounds 就是布局属性中设置的itemSize
    func setUpUI() {
        let rowCount = 3
        let colCount = 7
        //左右间距
        let leftMargin: CGFloat = 8
        // 底部间距，为分页空间预留空间
        let bottomMargin: CGFloat = 16
        
        let w = (bounds.width - 2 * leftMargin) / CGFloat(colCount)
        let h = (bounds.height - bottomMargin) / CGFloat(rowCount)
        
        //连续的 21 个按钮
        for i in 0..<21 {
            let row = i / colCount
            let col = i % rowCount
            let btn = UIButton()
            
            //设置按钮大小
            let x = leftMargin + CGFloat(col) * w
            let y = CGFloat(row) * h
            
            btn.frame = CGRect(x: x, y: y, width: w, height: h)
            
            contentView.addSubview(btn)
            //设置按钮的字体大小，lineHeight基本上和图片的大小差不多
            btn.titleLabel?.font = UIFont.systemFont(ofSize: 32)
            //设置按钮的tag
            btn.tag = i
            //添加监听方法
            btn.addTarget(self, action: #selector(selectedEmoticonButton(button:)), for: .touchUpInside)
        }
        //取出末尾的删除按钮
        let removeButton = contentView.subviews.last as! UIButton
        //设置图像
        let image = UIImage(named: "compose_emotion_delete_highlighted", in: TYCEmoticonManager.share.bundle, compatibleWith: nil)
        removeButton.setImage(image, for: .normal)
        
        // 添加长按手势
        let longPress = UILongPressGestureRecognizer(target: self, action: #selector(longGesture))
        longPress.minimumPressDuration = 0.1
        addGestureRecognizer(longPress)
    }
}
